//1.html结构
// <div class="form-group file-group">
//   <input type="file" id="fileupload" name="pic1" data-url="/category/addSecondCategoryPic">
//   <button class="btn btn-default" type="button" >上传图片</button>
                               
//  </div>(name和data-url属性需要设置)

// <div class="form-group">
// <img src="" alt="" class="picAddr" >
// <input type="hidden" name="brandLogo" > 

// </div>

//上传一张图片并更新表单验证
  $('#fileupload').fileupload({
    dataType:'json',
    //文件上传完成时,会执行的回调函数,通过这个回调函数,就可以获得图片的地址
    done:function(e,data){
        // console.log(data);
        // console.log(data.result.picAddr);
        $('.picAddr').attr('src',data.result.picAddr);
        //将图片地址存在input里,以便添加二级分类时使用
        $("input[name=brandLogo]").val(data.result.picAddr);
        //图片上传后更新表单验证的状态
        var validator = $form.data("bootstrapValidator");

        //更新input的状态,把表单元素状态设为合法状态,验证通过
        validator.updateStatus("brandLogo", "VALID");

    }

})


//3.上传多张图片并更新表单验证 :#fileupload(类型为file的input控件)
$('#fileupload').fileupload({
    dataType:'json',
    //文件上传完成时,会执行的回调函数,通过这个回调函数,就可以获得图片的地址
    done:function(e,data){
        // console.log(data);
        // console.log(data.result.picAddr);
        var img = '<img data-name="'+data.result.picName+'" data-addr="'+data.result.picAddr+'" class="img-thumbnail" src="'+data.result.picAddr+'" alt="">';
        $(".imgBox").append(img);

        if($(".imgBox img").length == 3) {
            $form.data('bootstrapValidator').updateStatus("productImg", "VALID");
        } else {
             $form.data('bootstrapValidator').updateStatus("productImg", "INVALID", "notEmpty");
        }
    }

})